<template>
    <div class="box">
        <div class="comment">评论:{{arr.length}}</div>
        <div class="text"><textarea  v-model="say" ></textarea></div>
        <button @click="FORWARD(say)">发送评论</button>
    </div>


</template>
<script>    
import { mapActions,mapState } from 'vuex';
    export default{
        data () {
            return {
                say:''
            }
        },
        methods:{
            ...mapActions('box',['FORWARD'])
        },
        computed:{
            ...mapState('message',['arr'])
        }

    }

</script >
<style scoped>
    .box{
        width: 1000px;
        height: 200px;
        /* background-color: aqua; */
        border: 1px solid ;
        position: relative;
        left: 50%;
        margin-left:-500px;
        display: flex;
        flex-wrap: wrap;
        background: white;
    }
    .comment{
        width: 100%;
        height: 30px;
    }
    .text{
        width: 100%;
        height: 170px;
    }
    textarea{
        width: 996px;
        height: 130px;
        border: 0;
        outline: none;
        resize: none;
    }


</style>
